﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LoginPage.aspx.cs" Inherits="CRM.Web.LoginPage" %>

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <style type="text/css">
        .input-1
        {
            width: 75px;
            height: 19px;
            border-left: none;
            border-right: none;
            border-top: none;
            border-bottom: none;
        }
        .txt3
        {
            height: 18px;
            width: 75px;
            border-left: none;
            border-right: none;
            border-top: none;
            border-bottom: #979797 1px solid;
            background: transparent;
            color: #000000;
        }
        .style1
        {
            width: 109px;
        }
        html
        {           
            padding: 0px;
            margin: 0px; 
        }
        body
        {
            background-image: url('<%= base.ResourcesPath %>Images/Login/login_bg.jpg');
            background-repeat:no-repeat;
            background-position: center center;
            padding: 0px;
            margin: 0px;
            vertical-align:middle;
               
        }
        
        #divLoginForm
        {
            background-image: url('<%= base.ResourcesPath %>Images/Login/login_frame.png');
            background-repeat:no-repeat;
            background-position:center center;
            height: 414px;
            width: 669px;
        }
        
        
        #tLogin
        {
            font-size: 12px;
            color: #666666;
        }
        #tLogin .title
        {
            font-weight: bold; 
            height: 20px;
        }
        #tLogin .content
        {
            height: 20px;
        }
        
        #tLogin .spacing
        {
            margin-top: 10px;
        }
        
        #tLogin td
        {
            vertical-align: top;
        }
        
        #tLogin .tLoginInfo
        {
            margin-top: 80px;
            
            line-height: 55px;
            
        }
         #tLogin .tLoginInfo tr
        {
            vertical-align: middle;           
            
        }
         #tLogin .tLoginInfo td
        {
            vertical-align: middle;           
            
        }
        
        #tLogin .tLoginInfo .left
        {
            vertical-align: text-top;
            text-align:right;
            height: 30px;
            font-size: 11pt;
            width:120px;  
            white-space: nowrap;
            font-family: 微软雅黑,宋体,mso-ascii-font-family: 'Times New Roman', mso-hansi-font-family: 'Times New Roman';          
        }
        
        #tLogin .tLoginInfo .right
        {
            text-align: left;
            width: auto;
            font-family: 微软雅黑,宋体,mso-ascii-font-family: 'Times New Roman', mso-hansi-font-family: 'Times New Roman';
        }
        
        
        #tLogin .btn
        {
            margin-top: 15px;
            width: 100%;
        }
        
         #tLogin .tLoginInfo .divInput
        {
            background-image: url('<%= base.ResourcesPath %>Images/Login/inputbox.jpg');
            background-repeat: no-repeat;
            width: 189px;
            height: 36px;
            border: #acc5c7 0px solid;
            padding-top: 0px;
        }
        
         #tLogin .tLoginInfo .txt
        {
            border: #acc5c7 0px solid;
            width: 160px;
            font-size: 14pt;
            padding-left: 10px; 
            padding-top: 8px\9;
        }        
        :root #tLogin .tLoginInfo .txt
        {            
            padding-top: 0px \0;
        }
        
        #divLogin
        {
            margin-left: 280px;
            width: 300px;
            text-align: left;
            
        }
        
        #divLogin img
        {
            border: 0px; 
        }
        
        .nowrap
        {
            white-space: nowrap;
        }
        #logo
        {            
            vertical-align: middle;
            margin-left: 25px;
        }
        
        #name
        {
            margin-left: 40px;
            vertical-align: middle;
        }
        
        #floatDiv
        {
            position:relative;
            margin-top: 15px;
            margin-left: 15px;
            text-align: left;
            width: 1024px;
            
        }
        
        #floatDiv img
        {
            border: 0px;
            
        }
        
        .txtbg
        {
            background: url('<%= base.ResourcesPath %>Images/Login/inputbox.jpg') no-repeat; 
        }
        
        img { behavior: url(<%= base.ResourcesPath %>js/iepngfix/iepngfix.htc) }
    </style>

    <script type="text/javascript" src="<%= base.ResourcesPath %>Js/jquery-1.6.2.min.js" ></script>
    <script type="text/javascript" src="<%= base.ResourcesPath %>js/iepngfix/iepngfix_tilebg.js"></script> 
    <script src="<%= base.ResourcesPath %>Js/DD_belatedPNG.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            var height = $(window).height() - 768;
            height = height / 2;
            $('#divLoginForm').css("margin-top", height + 210);

        });
        DD_belatedPNG.fix('#divLoginForm'); 
    </script>
</head>
<body oncontextmenu="javascript:return false" onselectstart="javascript:return false" onkeydown="javascript:if(event.keyCode==13) {}">
    <center>
    <form id="form1" runat="server"> 
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div id="divLoginForm" >
        <div id="divLogin">
            <table border="0" cellpadding="0" cellspacing="0" id="tLogin">
                <tr>
                    <td style="vertical-align: top;"> 
                        <table class="tLoginInfo" cellspacing="0" cellpadding="0" border="0">
                            <tbody>
                                <tr>
                                    <td class="left" >
                                    <div class="nowrap" >
                                        用户名：</div>
                                    </td>
                                    <td class="right">
                                        <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                                            <ContentTemplate>
                                                <asp:TextBox ID="txtLoginName" runat="server" style="width: 179px; height: 36px; " CssClass="txt txtbg" MaxLength="13" OnTextChanged="txtLoginName_TextChanged"
                                                    AutoPostBack="True"></asp:TextBox>
                                            </ContentTemplate>
                                        </asp:UpdatePanel>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="left">
                                    <div class="nowrap" >
                                        密码：</div>
                                    </td>
                                    <td class="right">
                                        <asp:TextBox ID="txtPassWord" runat="server" style=" width: 179px; height: 36px; "  CssClass="txt txtbg" MaxLength="13" TextMode="Password"></asp:TextBox>
 
                                    </td>
                                </tr>
                                <tr>
                                    <td class="left" >
                                    <div class="nowrap" >
                                        工号：</div>
                                    </td>
                                    <td class="right">
                                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                                            <ContentTemplate>
                                                <asp:TextBox ID="txtAgentID" runat="server" style="width: 179px; height: 36px;  "  CssClass="txt txtbg" MaxLength="13" ReadOnly="true"></asp:TextBox>
                                            </ContentTemplate>
                                            <Triggers>
                                                <asp:AsyncPostBackTrigger ControlID="txtLoginName" EventName="TextChanged" />
                                            </Triggers>
                                        </asp:UpdatePanel>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="left" >
                                    <div class="nowrap" >
                                        分机号码：</div>
                                    </td>
                                    <td class="right">
                                        <asp:TextBox ID="txtTelNo" runat="server" style=" width: 179px; height: 36px; "  CssClass="txt txtbg" MaxLength="8" Text=''></asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                
                                    <td class="left">
                                    </td>
                                    <td class="tip">
                                        <asp:ImageButton ID="ibtnLogin" runat="server" 
                                            alt="" OnClick="ibtnLogin_Click"></asp:ImageButton>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    </form>
    </center>
</body>
</html>
